<template>
  <div class="baseInfo">
    <el-row>
      <el-col :span="12">
        <span>姓名：</span>
        <span>{{ baseInfo.name }}</span>
      </el-col>
      <el-col :span="12">
        <span>上门服务事项：</span>
        <span>{{ baseInfo.item_name }}</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>地址：</span>
        <span>{{ baseInfo.address }}</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <span>预约人与办事人关系：</span>
        <span>{{ baseInfo.relationship }}</span>
      </el-col>
      <el-col :span="12">
        <span>办事人联系电话：</span>
        <span>{{ baseInfo.tel }}</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <span>预约上门时间：</span>
        <span>{{ baseInfo.time }}</span>
      </el-col>
      <el-col :span="12">
        <span>办事人身份证号：</span>
        <span>{{ baseInfo.card_id }}</span>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <span>其他需求：</span>
        <span>{{ baseInfo.demand }}</span>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  props: ['baseList'],
  data() {
    return {
      baseInfo: {}
    }
  },
  computed: {

  },
  watch: {
    baseList(newVal) {
      // console.log(newVal)
      this.baseInfo = newVal
    }
  },
  methods: {

  }
}
</script>

<style  lang="scss" scoped>
  .baseInfo{
    .el-row{
      padding: 6px 0;
      span:nth-child(2){
        color: #000;
      }
    }
  }
</style>
